/*!
 * SPDX-License-Identifier: Apache-2.0
 *
 * The OpenSearch Contributors require contributions made to
 * this file be licensed under the Apache-2.0 license or a
 * compatible open source license.
 *
 * Modifications Copyright OpenSearch Contributors. See
 * GitHub history for details.
 */

.ouiHeaderAlert {
  min-width: 300px;
  position: relative;
  margin-bottom: $ouiSizeL;
  padding: 0 $ouiSizeS $ouiSizeL;
  border-bottom: $ouiBorderThin;
  border-top: none;

  .ouiHeaderAlert__dismiss {
    opacity: 0;
    position: absolute;
    right: $ouiSize - 4px;
    top: $ouiSize - 4px;
    transition: opacity $ouiAnimSpeedNormal ease-in;
  }

  &:hover .ouiHeaderAlert__dismiss,
  .ouiHeaderAlert__dismiss:focus {
    opacity: 1;
  }

  .ouiHeaderAlert__title {
    @include ouiTitle('xs');
    margin-bottom: $ouiSizeS;
  }

  .ouiHeaderAlert__text {
    @include ouiFontSizeS;
    margin-bottom: $ouiSize;
  }

  .ouiHeaderAlert__action {
    @include ouiFontSizeS;
  }

  .ouiHeaderAlert__date {
    @include ouiFontSizeXS;
    color: $ouiColorDarkShade;
  }
}
